<template>

  <!-- <input type="text" :value="modelValue" @input="emit('update:modelValue', (<HTMLInputElement>$event.target).value)"> -->
  <input
    type="text"
    :value="ming"
    @input="emit('update:ming', (<HTMLInputElement>$event.target).value)"
  >
  <br>
  <input
    type="text"
    :value="mima"
    @input="emit('update:mima', (<HTMLInputElement>$event.target).value)" 
  >
 
</template>

<script setup lang="ts" name="AtguiguInput">

// 可以自定义v-model的名字 默认 是modelValue 
defineProps(['ming', 'mima', 'modelValue'])
const emit = defineEmits(['update:ming', 'update:mima', 'update:modelValue'])
</script>





<style scoped>
input {
  border: 1px solid black;
  background-image: linear-gradient(45deg, red, yellow, green);
  height: 30px;
  font-size: 20px;
  color: white;
  margin-top: 5px;
  padding: 5px;
  border-radius: 7px;
}
</style>